<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="/Public/Admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/Public/Admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/Public/Admin/css/animate.css" rel="stylesheet">
    <link href="/Public/Admin/css/style.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="/Public/Admin/css/welcome.css" />
</head>
<body>
    <div class="wrapper wrapper-content animated fadeIn">
        <div class="row centerbox">
        	<h3><span class="username"><?php echo ($username); ?></span>，您好，欢迎您登录云上贵州项目管理系统！</h3>
        	<div class="col-md-3 col-sm-3">
        		<div class="centerblock">
        		 	<h3 class="text-center">待办任务</h3>
        		 	<h3 class="text-center"><?php echo ($data["TaskCount"]); ?></h3>
        		 	<button class="btn blue"><a  style='color: white;'  href='/index.php?m=Admin&c=Task&a=index'>查看详情</a></button>
        		</div>
        	</div>
        	<div class="col-md-3 col-sm-3">
        		<div class="centerblock">
        		 	<h3 class="text-center">项目</h3>
        		 	<h3 class="text-center"><?php echo ($data["ProjectCount"]); ?></h3>
        		 	<button class="btn green"><a  style='color: white;' href='/index.php?m=Admin&c=ProjectGL&a=index'>查看详情</a></button>
        		</div>
        	</div>
        	<div class="col-md-3 col-sm-3">
        		<div class="centerblock">
        		 	<h3 class="text-center">合同</h3>
        		 	<h3 class="text-center"><?php echo ($data["ContractCount"]); ?></h3>
        		 	<button class="btn purple"><a style='color: white;'  href='/index.php?m=Admin&c=Contract&a=index'>查看详情</a></button>
        		</div>
        	</div>
        	<div class="col-md-3 col-sm-3">
        		<div class="centerblock">
        		 	<h3 class="text-center">月报/周报</h3>
        		 	<h3 class="text-center"><?php echo ($data["weekreportCount"]); ?>/<?php echo ($data["monthreportCount"]); ?></h3>
        		 	<button class="btn orange"><a  style='color: white;' href='index.php?m=Admin&c=ProjectWeekreport&a=index'>查看详情</a></button>
        		</div>
        	</div>
        </div>
        <div class="col-md-6 col-sm-6 col-xs-12 " id="brokenline"></div>
        <div class="col-md-6 col-sm-6 col-xs-12" id="pie"></div>
    </div>

    <!-- 全局js -->
    <script src="/Public/Admin/js/jquery.min.js?v=2.1.4"></script>
    <script src="/Public/Admin/js/bootstrap.min.js?v=3.3.6"></script>



    <!-- 自定义js -->
    <script src="/Public/Admin/js/content.js?v=1.0.0"></script>
    <!-- layerDate plugin javascript -->
    <script src="/Public/Admin/js/echarts.min.js"></script>
    <script>
    var myCharts = new echarts.init(document.getElementById('brokenline'));
    myCharts.setOption({
        title: {
            text: '参与项目的数量',
//                主标题文字样式
                textStyle: {
                    color: '#6e6e6e',
                    fontWeight: '500',
                    fontSize: 18,
                },
                textAlign: 'left',
                padding: 20,
                left: 0,
                top: 0,
        },
         calculable : true,
        tooltip : {
        trigger: 'axis',
        formatter: "参与项目<br/>{b} 共有: {c}件"
        },
        xAxis: {
            data: ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],
                splitLine: {
                    show: true,
                    interval: 'auto',
                    lineStyle: {
                        color: ['#ccc'],
                        width: 1,
                    },
                },
                axisLine: {
                    show: false,
                },
                axisLabel: {
                    show: true,
                    textStyle: {
                        color:'#ccc',
                        align: 'right',
                    },
                },
                axisTick: {
                    show: false,
                }
        },
        yAxis: {
                axisLine: {
                    show: false,
                },
                axisLabel: {
                    show: true,
                    textStyle: {
                        color:'#ccc'
                    },
                },
                axisTick: {
                    show: false,
                }
        },
        series: [{
            name: '数量量',
            type: 'line',
//            标记的图形。 ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow','emptyCircle'
            symbol: 'emptyCircle',
            symbolSize: 5,
            showSymbol: true,
            hoverAnimation: true,
            legendHoverLink: true,
            connectNulls: true,
            step: false,
            itemStyle: {
                normal: {
                      color: '#00ac82',
                },
            },
            lineStyle: {
                  normal: {
                      color: '#00ac82',
                      width: 1
                  },
            },
            areaStyle: {
                normal: {
                    color : '#ff0',
                      color:  {
                          type: 'linear',
                          colorStops: [{
                              offset: 0, color: '#00ac82' // 0% 处的颜色
                          }, {
                              offset: 1, color: '#00ac82' // 100% 处的颜色
                          }],
                          globalCoord: false // 缺省为 false
                      },
                      opacity: 0.3,
                },
            },
            data: [<?php echo ($monthdata); ?>],
        }],
    });
    

    var myCharts2 = new echarts.init(document.getElementById('pie'));
    myCharts2.setOption({

    title : {
        text : '任务比例',
            textStyle: {
                color: '#6e6e6e',
                fontWeight: '500',
                fontSize: 18,
            },
            x:'center',
            padding: 20,
        
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient : 'vertical',
        x : 'left',
        data:['办理之中','未办理']
    },
    calculable : true,
    series : [
        {
            name:'任务比例',
            type:'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
               {
                    value:<?php echo ($bdata["blzz"]); ?>,
                    name:'办理之中',
                    itemStyle: {
                        normal :{
                            color : '#7acdea'
                        }
                    }
                },
                {
                    value:<?php echo ($bdata["wbl"]); ?>, 
                    name:'未办理',
                    itemStyle: {
                        normal :{
                            color : '#ef7d65'
                        }
                    }
                },
            ]
        }
    ]
    
    });
    </script>

    
    

</body>

</html>